<template>
  <div class="footer_nav">
   <ul>
     <li @click="goRouter('wallet')">
       <img src="http://file.rzkeji.com/web/loveciy/img/tabBar/circle.png"/>
       <div>钱包</div>
     </li>
     <li @click="goRouter('stages')">
       <img src="http://file.rzkeji.com/web/loveciy/img/tabBar/circle.png"/>
       <div>品质分期</div>
     </li>
     <li @click="goRouter('me')">
       <img src="http://file.rzkeji.com/web/loveciy/img/tabBar/circle.png"/>
       <div>我的</div>
     </li>
   </ul>
  </div>
</template>

<script>
export default {
  name: 'footer_nav',
  data () {
    return {
    }
  },
  mounted(){
  },
  methods:{
    goRouter(value){
      // console.log('aa')
      this.$router.push({path:value})
    }
  }
}
</script>
<style scoped>
.footer_nav{width: 100%;height: 50px;position: fixed;left: 0;bottom: 0;background-color: #f7f7fa;z-index: 100}
.footer_nav ul {width: 100%;height: 100%;display: flex;}
.footer_nav ul li{flex:1;}
.footer_nav ul li img{width: 30px;height: 30px;display: block;margin: 4px auto 0px auto;}
.footer_nav ul li  div{width: 100%;height: 16px;line-height: 16px;text-align: center;}
</style>
